<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>名人名言</title>
    <style>
        .zong{
            width: 1000px;
            margin: 0 auto;
            

        }
        ul{
            list-style: none;
            margin-top: 50px;
        }
        li {
            float: left;
        }
        a{
            border:#ccc 1px solid;
            padding:5px ;
            text-decoration: none;
            color: black;
            
        }
        a:hover{
            text-decoration: underline;
        }
        .wai{
            border-top: #ccc 1px solid;
            border-bottom: #ccc 1px solid;
            overflow: hidden;
            padding: 20px;
            clear: both;
            margin-top: 77px;
        }
        .nei1{
            width: 550px;
            float: left;
        }
        .nei2{
            width: 300px;
            float: left;
            border: #ccc 1px solid;
            padding: 10px;
            margin-left: 50px;
        }
        .xiao,#zz{
            border: #ccc 1px solid;
            padding: 10px;
            margin-top: -15px;
        }
        .xie{
            font-style: italic;
            color: gray;
        }
        .cu{
            font-weight: bold;
            line-height: 30px;
        }
        #fu{
            margin-top: -20px;
        }
        #xiao{
            height: 55px;
            margin-top: 0px;
            
        }
        #bt2{
            margin-top: -6px;
        }
        h1,#fu2{
            margin-left: 40px;
        }
        .yu{
            margin-top: -15px;
        }
       
    </style>
</head>
<body>
    <div class="zong">
     <h1>名人名言</h1>
     <p class="xie" id="fu2">分享名人名言，开始一段触动心灵的智慧之旅跳到内容 </p>
     <ul>
         <li><a href="">登录</a></li>
         <li><a href="">关于</a></li>
         <li><a href="">名人名言</a></li>
         <li><a href="">英文名言(English)</a></li>
         <li><a href="">心理杂志</a></li>
         <li><a href="">心理书籍</a></li>
         <li><a href="">专题活动</a></li>
         <li><a href="">发表</a></li>
     </ul>
     <div class="wai">
         <div class="nei1">
             <div class="xiao" id="xiao">
                 <h3 id="bt2">心理学经典名言的智慧</h3>
                 <p id="fu">洞察人性的美与丑，认识自我的强与弱。一句好的格言能够穿越时间，永不失色、历久弥香，它总是能给人们带来心灵的滋养。</p>
             </div>
             <p class="cu">创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。 
            </p>
             <p class="yu">创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。 
            </p>
             <p class="yu">发表在 未分类 | 标签： 《换个脑袋去思考》, 创造力 | 留下评论</p>
             <h3 id="zz">作者简介</h3>
             <p class="cu">如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。</p>
             <p class="yu">如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。</p>
             <p class="yu">发表在 未分类 | 标签： 《怎样出售设计创意》, 温斯顿·丘吉尔 | 留下评论</p>
             <div class="xiao">
                 <p class="xie">赞助广告</p>
                 <img src="image/ad_2.jpg" alt="">
             </div>
         </div>
         <div class="nei2">
          <p class="xie">赞助广告</p>
          <img src="image/ad.jpg" alt="">
          <p class="xie">搜索</p>
          <p><input type="text" value="点击搜索" name=""></p>
          <p class="xie">标签</p>
          <p class="xie">60年语录 《犯罪心理》 世间百态 二十四史传统名人 体育人物 卡斯特罗 卡斯特罗名言 卡斯特罗语录 历史 友谊爱情 古代格言 名人名言 名人随语 教子立人 新闻事件 李白 爱情语录 韩寒语录 </p>
         </div>
     </div>
    
    </div>
</body>
</html>